<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="cssdemo.css"/>
		<style type="text/css">
			.bule{
				color: aquamarine;
				font-size: 3.75rem;}
			.A{
			color: #DC143C;
			font-size: 3.125rem;}
			.B{
			color: blue;
			text-decoration: underline;}
			.color{
			color: chocolate;}
			.bigsize{
			font-size: 3.125rem;}
			.underline{
			text-decoration: underline;}
			.bg-blue {
				background-color: royalblue;
			}
			.bg-green {
				background-color: #008000;
			}
			div {
				width: 200px;
				height: 200px;
				border-left: 5px solid black;
				border-right: 5px dotted blue;
				border-top: 5px dashed green;
				border-bottom: 5px dashed red;
				margin: 20px;
			}
		</style>
	</head>
	<body>
		<!-- 内嵌样式，不推荐 -->
		<h1 style="color: coral;">王</h1>
		<h1 class="bule">褚</h1>
		<h1 class="color-yello">高</h1>
	</body>
	<body>
		<p class="A">段落一</p>
		<p class="B">段落二</p>
		<p class="color" class="underline">段落三</p>
	</body>
	<body>
		<ul>
			<li>正常人</li>
			<li>非正常人</li>
			<li>小孩</li>
		</ul>
		<ol>
			<li>一一一</li>
			<li>二二二</li>
			<li>三三三</li>
		</ol>
	</body>
	<body>
		<div></div>
	</body>
</html>
